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Database Access with 

Java and Active Server Pages 

BY ARTHUR CASALE 



I am continually astonished by the sheer number of tech- 
nologies you deal with when developing Web database- 
applications. Just as amazing is the seemingly infinite 
number of ways these technologies can be iaiit together to form 
a solution: A case in point is a recent project that utilized HTML, 
Java, Microsoft's Active Server Pages (ASP) and the Access 97 
database. The application was simple; Allow a Netscape Navi- 
gator or Internet Explorer user to issue the query "show me all 
employees in department XYZ and their current salaries" against 
an ODBC- compliant database on the server. 

In this article, I'll share my experiences and show you how I 
assembled these various technologies to create this applica- 
tion. My objective is not to explore the capabilities and syntac- 
tic nuances of the technologies utilized, but to "baseline" 
several technologies and illustrate how they can be effectively 
integrated to form a seamless end-to-end, albeit no-frills, 
interactive-database solution. Each piece of the application 
can, of course, be expanded at your discretion to include addi- 
tional functionality. 

Application Architecture 

The application's interaction allows a user to select a department 
number from a drop-dovyn list in a Java applet and initiate a query 
by pressing a *'Go" button. The Java applet passes the department 
entered to an ASP program sitting on the host server. The ASP code 
opens up a connection to an Access 97 database and passes an SQL 
query to the database for processing. The Access 97 engine 
processes the query and sends the result set (qualifying employ- 
ees and their salaries) back to the ASP program. The ASP program 
then hands the result set to Java. Java parses through the result set 



and displays each employee/ salary combination as a row in a text 
area of the applet. 

Creating the Data Source 

The Access database consists of just one table, "Employee," which 
is shown in Table 1. The Employee table contains the employee 
number (the primary key), and the employee's name (first and 
last), weekly salary, and department code. The first step is to ensure 
that the Access database is in your host directory on the server. In 
addition to storing the actual database, you must define a system- 
level data source name (DSN) on the server and associate the DSN 
with the physical location/name of the database. In this example, 
I've created an Access database called "empdepLmdb" and moved 
it to my host directory via FTP I then asked my ISP to create a 
system DSN on the server and associate it with the "empdept.mdb" 
database. You can, of course, do this yourself— if you have rights 
or access to an NT server — using these steps: 

1. From the START button on the Windows 95 /NT desktop, go to 
Settings and then Control panel. 

2. Click on the "32 ODBC" icon to begin the process of defining 
a System DSN. 

3. Click on the "System DSN..." bunon. 

4. Click on the "ADD" button. 

5. Highlight "Miscrosoft Access Driver (*.mdb)" in the "Installed 
ODBC Driver" list and press the OK button. 

7. Enter the System DSN (NTHOSTempdata) in the "Data Source 
Name" text box; then click on the "Select..." button to locate 
the Access database you want to associate with the DSN 
(C:\MYROOT\empdept.mdb). Click on OK. 



LISTING ONE 



<HniL> 

<H£AD> 

<TITLE>Liat Enplcyees By De par tMnt< /TITLE > 
</HEAD> 
<BODY> 
<P> 

<APPLET CODE="C«tZapaByDe?t.=laBs" 'JltXTH^Ui HEIGHT=225> 
</APPLET> 
</BQDY> 
</HTltL> 



Embedding the Applet 

Both the processing and all the display 
elements (drop-down list, text area, and so 
on) are part of the Java applet. In this case, 
an HTML form (see Listing One) is simply 
used as a *'container" for the applet. Figure 
1 shows how the applet will appear in the 
browser. Listing One is straightforward: It 
simply invokes the "compiled" applet, 
GetEmpsByDept. class, and specifies the 
overall size in pixels of the display box that 
will be presented by the applet (WIDTH 
and HEIGHT). 

Initialization 

Listing Two contains the associated Java 
source listing. At the risk of oversimplify- 
ing, an applet can be broken into four logi- 
cal pieces: initialization (setting variables 
and displaying the initial screen elements), 
starting an execution thread (sometimes), 
waiting for the user to do something (such 
as pressing a key), and responding to the 
user request. I'll simplify this further by 



skipping the thread process 
in this example. 

The initO method in 
Listing Two stans by initial- 
izing required objects. The 
first order of business is to 
create the drop-dovm list of 
department codes that the 
user will select from. So, 
init () creates a "Choice" 
box containing the depart- 
ment codes. The choice 
object is instantiated with 
choice = new Choice 
( ) and then drop-down 
"items'* are added to it. The choice object 
is added to the applet {making it available 
for display) using add () . We now have two 
more display elements that need to be 
added to the applet: a select button and a 
text area. (The user will click on the select 
button after selecting a department code.) 
The text area will be populated with the 
result set (employees and their salaries) that 
is returned by the ASP program. Next, I 
instantiate the select button (named 
button and labeled "Get Employee") and 
add the new button object to the applet. 
The textarea object is instantiated and 
added in the same way. Note that until they 
are added, the objects cannot be seen or 
manipulated by the user. 

Event Processing 

This is where it gets gnarly. After initializa- 
tion, the applet just sits there and waits for 
the user to do something to one of its 
display elements. The action ( ) method 
is invoked when an event occurs. In our 



case, the actionO method is designed 
to poll or trap two sorts of user interaction: 
a selection from the drop-down depart- 
ment list or a click on the "Select Employ- 
ees..." button. The two event types are 
associated with if statements in the 
action ( ) method. 

For the drop-down list. Listing TWo moves 
the department code selected by the user to 
a St ring variable called item, which will 
be used in thie "Select Employee" event 
process. The "Select Employees in..." button 
event logic is no more complicated, but trig- 
gers a complicated process. The text- 
area. setText (getEmployees 
(item) .toStringO statement in- 
vokes the getEmployees () method and 
passes it the department code (item), 
which was set in the event process for the 
drop-down list. The getEmployees ( ) 
method reuims a value that is then moved 
to the textarea display object using 
setText ( ) . The value returned by the 
method is the actual list of employees and 
their salaries. 

For its part, the getEmployees () 
method will return an object to the 
command line we are examining. Unfor- 
tunately, the object it returns is a 
StringBuffer object type and must be 
converted for display That is the job of the 
toStringO subcommand. The 
converted string must now be added to the 
textarea object; the SetText 
subcommand is used to effectively move 
that value to the textarea display 
object. Now our textarea object is 
populated with the employee/salary list, 
but since it was changed in this routine it 
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Table 1: Definition for the Employee table. 
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LISTING TWO 



icjfort java.awt,*; 

Irrport Java. applet. Applet; 

ic~ort Javo.net. URL; 

icjwrt Java. not. MQlferoodURLfiscoptloc; 

ptibllc claso GatEnpaByTtapi cxtendo Applet i 

Qi^ice choice; //pop-up lint of choiccc 

Sutton button; 

teztArea tcatarca: 

TcitArca textRo turned; 

String (iepanr^nt: 

public void in.it {> { 



choice 
cbfldce, 
cholco, 
choice, 
choice, 
choice, 
choice, 
dyoicft 
choice 
choice 
choice 



^ new OioicoO: 

addlteaCCSI*): 
addltenfeS**') : 

addiceol-eas"); 
addICGn(''m*) ; 
■addlteaCeia?*'); 
eddlttaCCSS") ; 
>adaiteot-e09"); 
addItea(''Ol0-); 



//Add caa^oneoto to the Applet. 
add{«h*lcs); 

buttoti « new Button (*• Select Eaployees in 501 ") ; 
Ofidfbuttoa); 

tftHatco » new TextArea(8, 5B); 
tcxtatea .iretBditeblo (f alee} : 
odd(t«t«reo) : 
vaiid«te{>; 
^ «paiat{}; 

public ibppleiiii aetiootEveat c. Objoct a£g) f 
if ^s^torgot dnstonccof Oioice) t ^ ] 

:int choiceldx " choice. get Si^lectediqdexO I 
StViJtg itea * choice, jetltcnfchoicei^: 
> ,' ' Imxm. mttaheli '•Select .^sployees >isi.0 ' ittm) 

. i£> %vtiftrjS«t ijastanceof "Btttten) i '^'^■^f^' 

--String Itea « choice, getSalectedlt^-C)::!--. ■'. : 
■">;-^. ,textarea..,6etTftxt{* ' -' 

, . . jei^tarefi.setTexttgetBc^ , 
r^palntO;. :\ 
' rettttn t nie; 
). ^ '■■ 
r«ttjjm fajaa; 

puhHc wM paiQt{iStapbica g) ( 
iHjseftislcfli d = «i»aO ; 
g;,e(ftCoXorCnsv (i)>lor<(^.€l0a.S&n : ■ 
jf.mtoect(eia,d.width.d.hBight*true): * - . 
g .dcav3Daect,(a,9,d.wwlth - ^>d. height': ^ l.t;T«ft)=; 
pdraijaS8oct{3.3,4.vidtii - 7 .d, height ri^iTCftise).; , 

■{puhl^|p|f«ibgBu^er.7;getEqf»loyeee^ ' ' ■ - 

~ S^fc^a'^dfipartiKht^itea;. ' ^'■T J):!'.''}' ' 

■ :S*^ii^t;«fihoSccket « mt^ - ■ 'X'-.'f^ r'' 
Satja^iutpih^tteap' outetreao^ * nutli : - , 
iJetalopatSttean inatceao « null; - - 
^ ItetatQputStceaia stdln new DatelnputStr^^tSyeteo. in) ; 
^ StriiigBuf f er buf » ncv SttingBuf fisr() ; 
Sttii^jfeiffer bufbach » new StcingJUjfferi^ ; ' \_ 

icfejcsSdckat « oev Socket {•'othoittiEE^dirfectijry .coa'* , ec) ; 

OMtettaaa » nw 0ata0utputStr««tt|^^cH6S«ch 

;itt«treaa « nev PstalnputStteaoCfiChaSoc^/gi^tlnputSttftaot) ) : 

.. ■ 'iSy(5ft«a ; ere . :p r int In ( "Don * t Itncv .a>out^"-hc«t r atho:8 1") : 

:^;0)^^^iM^.f!^i^xiktMk " i- ■ ■'■ . ^ . .■■/::.: 
. ^. . . -r-, ^ ^ ;(»G{)ulda'^ t-' :g«t: 1/6^ -f b£|th9 conhfrctioti . to : ' nthoat^ ) ;■■ 

^i^; (!Bclito$od(cj; 1» null 66 oo^*ti:e«i» sl^- ti^. ins^ l» mill) ( 

■ -i^y .C^ ; ■ , , ^ . : 

■ . , Sl^rtttg VWHSrlnpOt; 

: laastlni^ » /gatddto,asptl>S5*5Tj;*Kiat^^ 

■ + depsrtEsent; 

pQtat ireaa i write^/tes (uaorlri^;!<u£)^; 
outat r eoo . writflByte ( ' \n * } ^ 
String fronSerVet; 
String goodLlne; 

String tj firflCiijtEe « nev StringtSfiJ ; 

7/50 occuttcncec of firstnana 
Sttiagil leotnarKi * 6trin|(5?|; 

//50 occurrences ot" laotnaiaa 
, Siting tJ aaiocy » new String{^S|j^/5fi| ocutxeoci^o of aalaty 
Stting ottveStcing: 

StciJigBulfet eaveBuf^er »"hev StricgBiiCffitO; 
" int- flafiByi^.: 
int delioitor: 
int olddeliniter ; 
char naiaeSaparator « * | * ; 

while ((ft;cnSorver « Instreaa.rcadLiJBaO) !<• nuU) t 
flagByta ^ f roaScjTVticintiaKOft ' I V) ; 
if iflo^yto > 0) ( 



buf. append (f ccn$orver . cubctring 

(XlagBytc + 3) ♦ -\n*); 



//pardo occurrence 1 of the result cct 

goodLico « bQf.toStringO: 

int Icn » goodLica.lcngthO; 

dolinitcr ~ goodLioe . lofftlndejOt't ' $ ' ) ; 

oalary[0j = goodLinc.subotrlngtdolinitet + 1, len - 1); 

haf .cctCharAttdcllniter, ' 

//opoce over ^^iicre co=23 vao5 

olddolioitcr = deliniter: 
goodlinc * htif.toStringO: 
dolinitcr « gaodLiiie.laatlndcxQf ('$'): 
laatitai:c{0l = goodlane.oubstring 

{delioitor ^ 1. olddolinlter) ; 
buf .sct<3u)rAttdolioitcc. * *); 
olddolinitcr » dollrdter; 
goodLine <* buf .toStriag() : 
delioiter *» goodLine. la atlndexOt('^') ; 
f Irotnaiie [Oj « goodLina.stibstring 

(delinitar + 1 . olddeliciter) : 

buf .6otChflrAt(delioiter. ' 
int chocXdeXiDiter » delioitor ; 

//parse occurence 2 ot.al. 

Irtt ouhocript e I; 
while {chcckdeliijitet > 0) t 
olddeliaiter « dciiiiitar; 
goodLine » buf .toStringn ; 
delimiter « goodLine .lact IndazOf 
salary tciAssc ript J =' goodtizM . mfijatrii^ 

(delicitcr ♦ l, olddaliuiter) : 
buf.BetdmrAtCdeliaiter, * *); 
eldde-liaiter « deliniter: 
goodLine = fcyjf ,toString{) ; 
deliniter « goodL^e.laatIndexOf ('$*) ; 
lastncxotcubscript] - goodUne^cubatriRg 

(dalirsiter ♦ I, olddcluolter): 
buf .setQiarAridelloitftr. ' *); 
olddeliniter « del^iiter] 
goodLine « huf ,:toSttittg{) ; 
deliniter « goodMn«.J«Bt.tndeacO*C'$') : 
£ir atni3» [R4}^tipt] go(^^ 

^ ^ ■ c.;, \, . ;(deliELiter + i, olddellisiter-;^:;. - 
■ buf ,cetCharAtWeiiaat<K • . .^^ | ..^'^ 

checkdelipd-ter 5^^^^ ; - 

■ 8uhscript+W. ' ,-4. ■* 

for (int i », (msbseript 1) ; i > -1; i— ) ( 

bufbadCvappendffirstoaiwii] : 
laotnaaaiiJ > * + oolaryCi) + " + "Xn^) : 

outstreaa.closeO: ' 
inat r ean . cl ose C ) : 
echoSocket , cloaeO ; 
} catch CIOException ej { : ' , 

V Systcn.err.println 

, failed on the connection to:; nthostl5|.^<; 

■ return hafbecit; : v 

>-.retu»o bufback;- . ■ 
. , ) ' ' ■ , f ■ K- 'r '^■vi' ''' C y:-- ■ 

:s publiic liiaanaion :»inlE^ 

i ratMtn new Diaianaieh:U5&^1^0H^:^'^'^ 

■f.j:, -■ ^ 

laiblie Dimenaion ptef«rr<sdSiKe<i ^ 
, ' return iiiiniounSi»e{} : 




DTD 



LISTING THREE 



; dl:^.^-"Reqa«$t.<^£ J String ^'t ■ - ^ ' 

i 'slt-vConn; «':ServcrvCreaceObj:ect{*A]^^^CDi^ 
Set R$ ^ Servec.Ccettt<^|ect'{''ADODl, Recordset*) 
Conn,^en: '♦DSW«" + d^jma, + ^i\}m=im}^**. 
tec^^SEL^ firatnane. lastnatse . aalary f r<»a ^StH^XSS 

■ - (depot tnent IN V & dept & 
set rstei£p«Ccam.cxecut.e(tenp) 
ilS,.6pen tei5p. Conn 
"^>. 

« (IS. Pielda. Count %>\Cb « R3,R6cordCo«nt %> 

<*, . 

Do mie Hot RS,£dP 

For cnt " 0 To (RS.Fleldo.'tJoimt *• 1) Stop 1 
OUT » « & fiS>Fielda . ltei£i<i:ot> 
fte^pohao . tfiitotOUT) 
Next 

* ••. • RS.KoveNext 
Loop 

■%> 

ES.aooc 
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must be redisplayed to the user. That is the 
job of the repaint 0 method. Voila! The 
user is now looking at the list of employ- 
ees/salaries In department XYZ. 

The getEmployeesO Method 

As you probably suspected, the real work 
takes place in the getEmployeesO 
method. First, this method opens a connec- 
tion to my host on the server by instantiat- 
ing a Socket called echoSocket. The 
parameters are the name of the host 
machine (nthost.mydirectory.com) and the 
server port (80). Of course, you'll need to 
replace my host name with the name of 
your host machine. The port number 
usually Slays the same for most configura- 
tions. After opening the connection, the 
next two lines instantiate objects for the 
output and input streams, respectively. 
These objects can be seen as two "pipes" 
that I have opened to and from the server. 
To get the server to do something, I will 
send it a request using outstream. Simi- 
larly, the server will send me back the 
results of the request via ins tr earn. 

The next activity is to formal the request 
to send to the server. The user Input 
statement in the try block invokes the 
name of an Active Server Page on the serv- 
er. The first thing the command does is 
issue a GET request. This particluar GET 
says, "I am passing you the parameters as 
a series of variables that I will append to 
the ASP program I want to invoke." The 
next bit of information is the name of the 
ASP program I want to invoke; 
"getdata.asp" followed by a question mark. 
The two variables 1 want to pass to the ASP 
program are DSN, which is the name of the 
system-level Access database on the serv- 
er; and DEFT, which is the department 
code the user selected. 1 move that entire 
string to the user Input variable. 

Remember that output stream (pipe) we 
opened? I send the formatted request to 
outstream .writ eBytes (user In- 
put ) . It simply means, "Write the 
command stored in the user Input vari- 
able to the out stream object." Off it goes 
to the server! The ASP program invoked by 
our request queries the Access database and 
returns the result set in the input-stream 
object called ins t ream. All our Java 
program needs to do is read from that 
ins tr earn object to get the qualifying 
employees and their salaries. 

Due to the way the ASP program was. 
designed, the entire result set is returned as 
a single input stream. Each qualifying 
employee name (first and last) and 
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Figure 1: The **Get Employees" Java applet 
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associated salary information is followed by 
the next employee name and salary. So, in 
addition to reading the result set, I must 
parse it to display individual rows in the text 
area. The remainder of Lisdng TWo mosdy 
contains the parsing routine, which reads 
the entire stream starting from the end and 
moves back to the beginning looking for 
occurrences of the dollar character ("$"). I 
used the "$" character in the ASP program to 
delimit each occuaence of first name, last 
name, and salary. 

When reading the input stream, a do- 
vhile construct starts by reading a line 
from the ins t ream object. The read- 
line () method reads this line, which is 
then transferred to the fromServer 
character-string variable. Because the result 
set returned contains some header infor- 
mation I want to bypass, I read past it until 
I reach the pipe character ("|"), which 
signals the start of the employee data. This 
result set is moved to the buf variable for 
parsing. Basically, 1 index through the buf 
string looking for delimiters ($) between 
fields. Because I know the order of the fields 
(from the SQL issued in the ASP program), I 
can build arrays of first name, last name, 
and salary from the buf object. The final 
step is to format the object and return. 

The Active Server Page 

Listing Three contains the ASP application 
"getdata.asp." The ASP code does not have 
to be compiled prior to run time, but it does 
have to reside on the server. In our exam- 
ple, it is stored quite unceremoniously with 
everything else in the root directory: hence 
the simple call to /getdata.asp. 

The first thing Listing Three does is 
retrieve the two parameters sent in the 
request; DSN and DEPT. The first two lines 
contain the commands to move the values 



from the two parameters to two corres- 
ponding variables in the program. 
Request . QueryString is an ASP 
command that simply reads the corres- 
ponding variable. Listing Three then opens 
a connection to the server, and instanti- 
ates a record set object RS that will be used 
to store the results of the SQL query. 
Conn .Open opens the database associ- 
ated with the variable DSN (remember, 
this was passed from Listing TXvo as 
"NTHOSTempdata"). Next, I format the 
SQL that will be issued to the database. In 
our case, it is a simple select of first 
name, last name, and salary. Notice that 
the department code that was passed to 
the ASP program from Listing Two is 
embedded as dept. Listing Three then 
executes the SQL and returns the result set 
to the r s t emp variable. R S , 0 p e n opens 
the result set and makes it available for 
processing. I then embed a character 
preceded by the number of individual fields 
(or columns) retrieved from the database. A 
do-while loop simply loops through 
each field in the result set and writes it out 
to the output data stream. Finally, Listing 
Three closes the result set RS. 

Conclusion 

I have barely scratched the surface when it 
comes to the immense capabilities of Java 
and ASP scripting. However, this example 
illustrates the basics of what you can do with 
Access, Java, and ASP. Volumes can be writ- 
ten on each, of course. Hopefully, you can 
use the application template presented to 
take advantage of the considerable capabil- 
ities of each technology. ^ 

Art develops and maintains IBM/OS390 
COBOL applications for a Fortune 500 com- 
pany. He can be reached at acasale@packeL net 
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Web-Based Access to 
Locally Developed Databases 

William H. Mischo and Mary C. Schlembach 



The Grainger Engineering Library Information Center at 
the University of Illinois at Urbana-Champaign has imple- 
mented Web'based access to locally developed information 
database resources. The systems use. Microsoft Active 
Server Pages (ASP) technology ASP is a convenient and 
powerful alternative to CGI (Common Gateway Interface) 
scripting, for Web database connectivity. The local data- 
bases complement traditional library resources such as the 
on-line catalog and commercial databases. They also have 
improved library staff training and knowledge of the collec- 
tions: This article describes the ASP application, the data- 
base structure approach, and the Web technologies for pro- 
viding Web-based searching of multiple databases. 



The World Wide Web is the new "gold standard" inter- 
face for providing access to on-line information resources 
such as locally accessible on-line public access catalogs 
(OPACs), article index databases, and full-text document 
(publisher) products. 

"Without a doubt the World Wide Web is now the vehicle 
of choice for online databases and other collections of 
online information" (Notess 1998). Web-based resources 
offer many advantages over telnet and CD-ROM access. 
The Web offers a consistent search, retrieval, and display 
paradigm independent of the hardware or operating system 
being used. Additionally, libraries have begun to offer or are 
experimenting with Web-based access to locally produced 
information resources formerly available in vertical files, 
word processing documents, or within client-server data- 
base systems accessible through custom client software 
(Perez 1998a; Jacs6 1998). 

A number of libraries now provide access to local infor- 
mation files within independent telnet environments or as 



part of the local OPAC configuration (Horah 1998; Perez 
1998b). Some organizations have converted their paper ver- 
tical files to a Web format by creating Web pages that con- 
tain hypertext links to the Web sites of the organizations or 
entities formerly represented in the vertical file (Neuhaus 
1997; Colbuml997). 

The University of Illinois at Urbana-Champaign (UIUC) 
Grainger Engineering Library Information Center provides 
access to a number of custom-developed locally created 
databases within an integrated Web-based environment. 
These Web-based databases are designed to provide patrons 
and reference staff with enhanced access to important infor- 
mation resources and also to assist in the training of refer- 
ence staff, particularly graduate assistants and paraprofes- 
sional staff. This article will describe the Web-based 
technologies employed by Grainger staff in implementing 
access to local information resources. It includes a discus- 
sion of Microsoft (MS) Active Server Pages (ASP) tech- 
nologies and the associated local database structure and for- 
mat. Also discussed is the general adaptability of these 
techniques. 



Local Databases 

Several of the local databases available on the Grainger 
Web sites were originally developed as word processor or 
text files for printed lists. These files were converted into 
MS Access databases using custom Visual Basic programs 
written by Grainger staff. Other databases have been gener- 
ated using custom Visual Basic data entry and verification 
programs or program-based data extraction from other 
resources. Many of the MS Access databases have been 



Library Computing, Vol. 18 No. 1, 1999 51-58 
© 1999 Sage Publications, Inc. 



51 



52 



BEST AVAILABLE COPY 



Mischo, Schiembach / Web-Based Access 






F/pare 7. Grainger public terminal top-level menu. 



moved to MS SQL Server to ensure better transaction 
throughput, particularly in multiuser situations. 

The UIUC libraries have a long commitment to provid- 
ing access to locally generated microcomputer databases 
at public workstations. Beginning in 1990, PC public ter- 
minals with custom interface software provided access to 
local resources — at that time either stored on each machine 
or, later, available over the building network (Mischo 
and Cole 1992). As we moved to a client-server environ- 
ment with networked databases, each machine required 
a custom Visual Basic client to retrieve information 
from the databases. All of the Grainger local databases 
have now been moved to a Web environment using MS 
ASP technologies for Web-based retrieval. Local data- 
base access in Grainger has thus followed a natural evo- 
lution from stand-alone microcomputer-based systems 
to local-area networked architectures to a Web-based 
environment. 

These local resources are available from the Grainger 
Library home page, the Web top-level menu on Grainger 
public terminals, and a custom reference desk Web page. 
Figure 1 shows the public terminal top-level menu. Placing 
the mouse over any link brings up a short description of the 
resource. Figure 2 shows the database selection page that is 
one link below the Grainger home page. 

Among the custom Web-based databases available 
through the Grainger Library Web are 



• a Reference Collection database with added subject access 
points taken from each work's table of contents as well as 
annotations and comments entered by Grainger staff to indi- 
cate the most appropriate reference tool to meet a patron- 
specific information need; 

• a Difficult Citations and Frequently Asked Questions data- 
base of both commonly asked questions and difficult-to- 
find information and holdings/locations; 

• a multisociety professional engineering societies publica- 
tions database providing simultaneous searching of society 
publications; 

• a currently received journals database including check-in 
and binding information and links to tables of contents of 
specific issues via a custom component that connects to the 
Current Contents database mnning under Ovid; 

• a database of all journals ever received in the Engineering 
Library with previous titles and succeeding titles; 

• a Reserve Collection database, which includes links to 
instructor-supporting materials on the Web; 

• a UIUC College of Engineering Documents Center collec- 
tion of uncataloged technical reports authored by UIUC 
faculty; 

• a New Books database with links to online catalog records 
and order records; 

• a Faculty Research Interests database with information on 
individual faculty research accomplishments, awards, hon- 
ors, and so on; and 
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Figure 4. Help Getting SWt&d U>fhl&vel menu. 

• a Multiple Resources database that allows simultaneous, dis- 
crete searching of a number of the local files (see Figure 3). 

Altogether there are currently twenty locally produced 
Web-accessible databases, containing anywhere from sev- 
eral hundred records to tens of thousands of records. 

The Web-based local resources complement or supple- 
ment the on-line catalog and other available information 
resources. They provide expanded access to materials (such 
as in the Reference Collection database), they increase 
access to difficult-to-find resources (such as serial hold- 
ings), and they provide access to materials without more tra- 
ditional bibliographic access points, such as uncataloged 
engineering technical reports. 

As the number of available information resources contin- 
ues to grow, Grainger staff have developed a "Help Get- 
ting Started" module, the first page of which is shown in 
Figure 3. This helps users to identify the most appropriate 
resources to meet their information needs. 



Web Technologies 

The Grainger local databases that have been made avail- 
able over the Web have been developed under the Active 



Server Platform or Active Server Pages (ASP) technology 
on MS Internet Information Server (IIS) running under 
Windows NT. ASP provides developers with server-side 
scripting tools to create dynamic Web pages. ASP uses pre- 
defined component objects to connect to ODBC databases, 
such as MS Access or MS SQL Server and was designed as a 
"convenient alternative to conventional CGI scripting with 
Per] orC" (Garris 1998). 

These Web pages, which have an .asp file extension, pro- 
vide browser-neutral database connectivity over the Web. 
ASP files contain a mix of HTML and scripting code written 
in VBScript, JavaScript, or PerlScript. Within an ASP file, 
the scripting code is executed on the server with the result- 
ing code converted to HTML, which is sent directiy to the 
browser. ASP adds options, such as the maintenance of 
statefiil connections to ODBC databases, the generation of 
dynamic content, the abiUty to read and write text files, the 
automatic conversion of scripting code to HTML, the capa- 
bility of using internal and external program components, 
and the ability to define global variables within a session. 

ASP executes within the current computing process and 
does not incur the processing overhead of CGI (Common 
Gateway Interface). CGI calls start a separate process for 
every new remote request to the server. Web servers that use 
in-process Application Programming Interfaces (APIs), 
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such as ASP, offer significant advantages over CGI. The 
performance advantage is particularly noticeable at high 
transaction levels, with large numbers of simultaneous 
users. Recent tests conducted by PC Magazine show that 
in-process APIs perform better than CGI, by a factor of 4 to 1 
(Seltzer 1999). 

ASP has thus proven to be an extremely productive and 
popular tool: "if you're a (Web) developer searching for a 
Holy Grail, then IIS and Asp could end your quest'* (Alwang 
1997). 

High-volume e-commerce sites are heavy users of ASP. 
For example, Dell Computer, Microsoft, Barnes and Noble, 
and MSNBC are all ASP users. Although ASP is most com- 
monly used in a Microsoft IIS environment, ASP is now 
conmiercially offered by third-party vendor Chili !Soft to 
operate on other NT Web servers, such as Netscape's, and 
for several UNIX platforms, including Sun Solaris and IBM 
AIX (Carey 1999). 

IIS and ASP thus provided us with a convenient migra- 
tion path for moving the local databases and clients that we 
had constructed over to a Web-based retrieval environment. 
Many of the retrieval and interface techniques originally 
developed for Visual Basic client-server applications can be 
transferred to the ASP environment. Both Visual Basic and 
VBScript within ASP require knowledge of an object- 
oriented scripting language and the ability to formulate 
effective SQL commands. In particular, we were able to 
effectively transport the routines for input string parsing and 
the appropriate SQL commands from Visual Basic over to 
ASR 

There was one minor obstacle. In 1997, there were no 
useful rapid development tools for ASP; therefore, we were 
forced to become "code warriors," using simple editing 
tools like Notepad. Currently, however, there are numerous 
Web rapid application development (RAD) tools, such as 
Visual InterDev. FrontPage, and others, which offer 
advanced features like scripting and SQL construction 
support. 

Our Web applications are typically composed of several 
ASP pages, with search argument entry forms separated 
from the results display pages. Although it would be fairly 
easy to combine all tasks into a single ASP page, we have 
opted to treat each application task as a separate page mod- 
ule. This is handy for debugging purposes and logical struc- 
ture. Our display pages are built dynamically and recur- 
sively so that a single page, which posts to itself, is used to 
build the displayed records. 

Web development tools providing database connectivity 
are server based . They typically use either CGI scripting or a 
page-based technology such as ASP for their processing. 
CGI requires knowledge of Perl or C. The ASP scripting 
language is quite a bit easier to learn and offers built-in tools 
for common functions, including database connectivity. As 
mentioned earlier, there are significant performance bene- 
fits with ASP, particularly for small to midsize applications. 



Coming from a Visual Basic background, we had easy 
transition to ASP. We also have had success in teaching ASP 
techniques to Library School students, in a one-semester 
class on distributed information systems. This class requires 
students to complete a fmal database project utilizing MS 
Access and ASR The steepest learning curve for the stu- 
dents is in mastering the SQL query language, not in picking 
up ASP. Overall, we have found that combining ASP tech- 
niques with a standard relational database structure has 
resulted in a robust development environment. 



Database Structures and 
Retrieval Features 

Our custom databases employ a standard database struc- 
ture and data element format. These conventions have been 
applied across most of our local database resources. This 
standard database structure includes a common table and 
field (column) tags and rules for formatting field data. For 
example, the standard "Authors" tag is uniformly used in 
each database. Multiple author names are entered consecu- 
tively within a single field in the form: last name, comma, 
first name/initial, with terminating semicolon delimiter, fol- 
lowed by a space. This allows for accurate author searching 
with no cross-name hits or reversed first name-last name 
retrievals. 

The defined fields within each file are a portion of the 
standardized field superset covering the entire collection. 
Each database file uses appropriate fields, as applicable. 
This provides advantages in search and retrieval operations. 
It allows simultaneous searching of multiple databases with 
or without the construction of merged databases. The com- 
mon table and field names and consistent format of the data 
further allow the creation of general purpose ASP routines 
for building the appropriate SQL commands needed to 
search selected database(s). 

Graduate assistants are primarily responsible for mainte- 
nance and updating of the local databases. We use two meth- 
ods to do this: data entry forms using Web-based or Visual 
Basic interfaces, and program-based data extraction from 
other resources such as the on-line catalog or article 
databases. 

On the Web side, the Grainger local databases employ 
the same common interface look and feel for search and dis- 
play operations. The initial .asp Web page for each resource 
displays a "query-by-example" entry form, using query 
fields appropriate to the particular database file. 

The databases consistently feature 

• the ability to search multiple fields and utilize Boolean OR 
or AND operators; 

• a choice of displaying search matches one full record at a 
time or fifteen abbreviated records at a time with links to the 
full record; 
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• default keyword "AND" searching for multiword search 
arguments; 

• default left- and right-hand truncation of search arguments; 

• exact phrase searching using quotation marks; 

• separate prompts for author last name and first name; 

• Next, Previous, First, and Last record navigation buttons 
(Figure 5); and 

• return to the original top-level menu. 

See Figures 6 and 7 for the search entry forms from the Ref- 
erence Collection database and the Engineering Documents 
Center first page. Special search features, such as limiting to 
a specific type of reference tool, are also offered for specific 
databases, as appropriate. 

Programming Sophistication 

Our ASP pages all employ reusable modules within the 
different databases. They share the same ASP code base, 
with modifications made for the specific database. We are 
now developing a general purpose template program in 
ASP. The template program will prompt a database designer 
for parameters such as database name, field names, search field 
labels, and so on, and then automatically generate the ASP 
pages for that specific database application. The conmiercial 



software package Drumbeat 2000 (www. drumbeat . 
com) provides similar database design functionality. Such a 
tool will significantly speed up development of new data- 
base applications at the Grainger Engineering Library. 

We also expect to expand our simultaneous-search capa- 
bilities. We have already implemented this across the multi- 
ple ASP databases. We have now developed a Z39.50 
dynamic link library (.dll) to allow cross-database searching 
of the library online catalog, selected periodical index data- 
bases, and our local databases. A single search query form 
built using ASP technology will handle this global search 
function. 

We also have been exploring multimedia search tech- 
niques, including voice input and output and video, in pro- 
viding intelligent and flexible poiht-of-contact search navi- 
gation for end users and reference staff. This is part of a 
project called Reference Assistant. We are designing Refer- 
ence Assistant to give end users access to the human knowl- 
edge base of the Grainger reference librarians. 

Usage 

Both library users and library staff are making heavy use 
of the local databases. This is substantiated by our public 
terminal log files. These transaction logs record search 
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activity from twenty public tenninals. These logs are 
recorded using an .asp page that calls an external component 
that, first, writes the transaction to a text file and then redi- 
rects to the appropriate destination Web page. Our log data 
go back to December 1997 and cover user top-level menu 
selections (see Figure 1), including accesses to the online 
catalog, article index databases, OCLC FirstSearch, interli- . 
brary loan, and various local resources. The logs show that 
local databases comprise approximately 24 percent of the 
public terminal main menu selections. In addition, the local 
databases are accessed an average of several hundred times 
per month from reference desk tenninals and remote access 
to the Grainger Web pages. 

Conclusion 

The Grainger Library Web-based local databases pro- 
vide greatly improved services to users both inside and out- 
side the library. They also provide remote Web access ser- 
vice to our users when the Library is closed. Patrons use our 
databases to locate unique and hard-to-find materials or to 
locate information not available in our standard biblio- 
graphic resources. 

In addition, the training of reference staff has been 
improved, with the availability of special database tools 
such as the Reference Collection database with its com- 
ments and notes, the Difficult Citations database, the Fre- 
quently Asked Questions database, and by our newfound 
ability to simultaneously search multiple local database 
resources. 
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Developing with Internet 
Explorer 5.0 



By John Lam 

We know Web browsers are useful 
end-user applications, good for 
searching, browsing, and retriev- 
ing information. But until fourth-generation 
browsers introduced Dynamic HTML 
(DHTML), browsers provided few services for 
developers interested in creating Web-based 
applications. By offering a mechanism for 
building Web pages with sophisticated user in- 
terfaces, DHTML acted as a catalyst, spurring 
developers to begin considering using the 
Web to deliver functionality to users. A num- 
ber of difficulties remained, how- 
ever Well lake a look at some of 
these problems and at the solu- 
tions Microsoft Internet Explorer 
5 (IE5) provides, focusing on 
DHTML behaviors and XML sup- 
port in IE5. 

Hie first and most significant 
problem developers faced was 
maintaining a user session be- 
tween the browser and the Web 
server. A user session might con- 
sist of, say, a shopping trip to Ama- 
zon.com, in which a user browses 
for books at the Web site and adds 
some to a shopping cart. In this 
case, the session data is the list of 
books in the shopping cart. 

The problem of maintaining a 
user session and its associated data 
has typically been solved through Web server 
services, such as the session objects in Micro- 
soft's Active Server Pages. But this is hardly 
the only solution to this problem; in fact it is 
not the best solution. IE5, through its support 
for the Extensible Markup Language (XML), 
makes it possible for Web developers to main- 
tain a user session and its associated data all 
within a Dynamic HTML page on the client. 

XML also serves as a means for dealing 
with a related issue: transferring data be- 
tween the Web browser and the Web server. 
Until now, you had to transmit data using 
crude techniques such as HTML form ele- 
ments. Moreover, if the data to be trans- 
ferred was structured, developers had to in- 
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vent ad hoc formats for representing the in- 
formation. With XML, it's relatively easy to 
generate XML documents from an applica- 
tion's data; that data will then be processed 
by IE5's XML processor, saving considerable 
development effort. 

Finally, as Web pages become increasingly 
sophisticated, developers are con- 
fronted with the difficulty of 
maintaining large quan- 
tities of script code. 
Making use of 
some lessons 




learned in building traditional Windows ap- 
plications, IE5 introduces a feature called 
DHTML behaviors, which offers the benefits 
of component-based software development 
that Visual Basic and Delphi developers 
have grown accustomed to. 

You can think of the new development sup- 
port in IE5 as part of the ongoing evolution of 
Dynamic HTML. To understand how all the 
pieces fit together, let's first look at the role of 
Dynamic HTML in Web applications. 

MAKING HTML DYNAMIC 

Dynamic HTML lets you define a user inter- 
face in terms of HTML elements and lets users 
interact with that interface. DHTML consists of 



a number of related technologies; HTML de- 
fines the structure of the information beine 
conveyed to the user; Cascading Style Sheets 
(CSS) determines the appearance of that in- 
formation as it is being rendered; and the 
Document Object Model (DOM) lets scripting 
languages such as VBScript and JavaScript in- 
teract with the HTML elements in the docu- 
ment. Together, these components make it 
possible to write client applications that live 
inside the Web browser. 

When IE5 requests an HTML document 
from aWebserver.it establishes an HTTP con- 
nection to that server and retrieves the docu- 
menLThe browser then parses the document 
and retrieves any related information referred 
to by the document, such as embedded GIF 
images. In the process of parsing the docu- 
ment, 1E5 creates an in-memory image of the 
document, converting it into an internal 
treelike representation (see Figure 1 ). 
Each node of the tree repre- 
sents an HTML element that be- 
haves as an independent ob- 
ject. These objects have 
properties and methods 
as defined by the Doc- 
ument Object Model 
Level 1 specification 
(available at www.w3.org 
/tr/rec'dofn-level-l), and 
they can fire events, which — 
l| though this is not formally de- 
fined in the specification — is the 
basis for adding interactivity to 
the browser. 

Application code can manipu- 
late both the individual objects 
and the overall structure of the 
tree. This is what puts the ''dy- 
namic" in DHTML: Any inter- 
actions with individual objects, 
such as setting properties or call- 
ing methods, will be reflected im- 
mediately in the rendered docu- 
ment. Similarly, user interactions with 
individual objects, such as rolling the mouse 
over an object, will result in that object firing 
an event, which can be handled by applica- * 
tion code. 

When application code manipulates the 
tree itself, perhaps by adding or replacing 
nodes, the browser ensures that the docu- 
ment is correctly rerendered to reflect those 
changes. User interfaces can be built on the 
fly simply by building strings that contain 
HTML element sequences and having the 
browser parse the strings to modify the 
HTML object tree. Figure 2 illustrates this 
procedure, using JavaScript to add some 
HTML button elements to an existing <di v> 
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element in the parsed HTML tree. 

The Document Object Model forms the 
core of DHTML, defining properties and meth- 
ods for individual objects within the HTML 
tree, as well as how individual object types 
(document, paragraph, or list element, for ex- 
ample) can be manipulated through script. It 
does so by defining one or more interfaces to 
each object type. An interface is simply a 
grouping of related methods and properties 
(such as the I html El ement interface that spec- 
ifies properties and methods common to all 
HTML elements). In no way, however, does the 
DOM attempt to stipulate how the objects are 
to be implemented. 

Microsoft chose to use the Component Ob- 
ject Model (COM) to implement the interfaces 
to the HTML tree objects. This is a good fit, 
since COM lets developers separate an ob- 
ject's interface from its implementationiThc 
World Wide Web Consortium defines the 
interfaces, and Microsoft implements those 
interfaces for the HTML elements that can be 
manipulated by the browser. 

An important consequence of using COM 
to implement the interfaces is that Windows 
developers can leverage their existing knowl- 
edge of COM programming. All they have to 




understand is how to call methods on COM 
objects from their favorite programming lan- 
guage or environment. All modem develop- 
ment tools for the Windows platform support 
calling methods on COM objects, as do Visual 
Basic, Delphi, Visual C++, and even the 
Microsoft Java Virtual Machine. And the 
scripting languages used in Dynamic HTML — 
VBScript and JavaScript — can also call meth- 
ods on COM objects. In fact, when you create 
DHTML pages and manipulate HTML ele- 
ments on those pages, you're really just calling 
methods on the underlying COM objects that 
make up those pages in memory. 

ELEMENTS OF STYLE 

What defines the appearance of the individ- 
ual nodes of the HTML tree? The answer is 
Cascading Style Sheets (CSS). Before CSS, 
you had to manipulate the property settings 
of objects individually. That meant a lot of re- 
dundant work and opportunity for error. 



With CSS. on the other hand, you define a se- 
quence of formatting rules that the browser 
applies to elements of the HTML tree each 
time it renders the page. 

CSS rules are applied in a specific order, 
with more specific rules overriding less spe- 
cific rules HTML elements that are children of 
other HTML elements will inherit the rules of 
their parents, unless there are rules in the CSS 
stylesheet that cause the parent's rules to be 
overridden. You tie CSS rules to an HTML 
document by inserting a link in the document 
to an external file that contains those rules. 
You can thus define the appearance of not 
just one page, but entire collections of pages 
simply by having all of those pages refer to 
the same CSS file. Not only does this make 
content more manageable, it also means the 
client can cache the referenced stylesheet, sig- 
nificantly reducing the amount of bandwidth 
required to render a page. 

CODES OF BEHAVIOR 

What began as a solution for managing the 
appearance of elements turned out to be 
much more. With the introduction of DHTML 
behaviors in IE5, Cascading Style Sheets can 
also be used to define rules that associate code 
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with specific HTML elements on a page. 

Just as CSS lets you separate an HTML ele- 
ment's content from its appearance, DHTML 
behaviors separate the element's content 
from the code that specifies the element's be- 
havior, functioning much as ActiveX controls 
do in traditional programming environments. 
Not surprisingly, DHTML behaviors are ap- 
plied to the document using CSS rules. Let's 
look at an example. 

You can write a DHTML behavior entirely 
in script. Such behaviors are known as hyper- 
text components in IE5 and are stored in ex- 
ternal script files with an .htc extension. They 
are "hooked up" at runtime to specific HTML 
elements, as laid out by the rules in a CSS 
stylesheet attached to an HTML document. 
Figure 3 shows a simple hypertext component 
file that attaches itself to an HTML element 
and highhghts the text within that element 
whenever the mouse moves over it. This be- 
havior receives both the onmouseover and 
onmouseout events from the SPAN element to 
which it is bound. It also exposes a property 
that lets the programmer specify what color 
the highlight should be when the mouse 
moves over the element. 

Figure 3 also shows an excerpt from the as- 



sociated CSS file, illustrating how IE5 extends 
CSS stylesheets with the new behavior at- 
tribute in which you specify the URL contain- 
ing the hypertext component file. As you can 
see, just you can define the appearance of 
HTML elements, now you can define the be- 
haviors of HTML elements, and not only for a 
single document, but across an entire family of 
related documents 

DHTML behaviors aren't limited to script- 
based hypertext components; they can be 
written in any language that supports COM. 
COM objects axe typically referenced from 
HTML documents with the <object> tag. Note 
that a COM object, because it is compiled 
code, must first pass the security challenges 
IE5 presents (depending on the user's securi- 
ty settings) before it is allowed to download or 
execute within the user's browser. 

There is a real advantage to creating 
DHTML behaviors in compiled code rather 
than script: You can protect your code invest- 
ment, because you don't ship source code with 
your applications. Furthermore, you can po- 
tentially gain significant performance im- 
provements using a compiled language. Final- 
ly, compiled languages give you full access to 
the underlying operating system in cases 
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where you need tighter integration with your 
user's computer. 

Though DHTML behaviors arc a new fea- 
ture, many samples are already available on 
Microsoft's Web site, at msdn.microsoft,com. 

DEALING WITH DATA 

Most substantive applications will deal with 
data and, as we noted, the transferring of data 
between browser and server has been one of 
the most common problems facing develop- 
ers. Over the past year, Extensible Markup 
Language (XML) has emerged as a solution. 
IE5 adds an excellent XML parser, which de- 
velopers can manipulate, to the object model 
within the browser. By interacting with the 
XML parser from their DHTML pages, applica- 
tions can transfer data in the form of XML 
documents in both directions. 

An XML document looks much like its 
HTML counterpart; each contains a set of tags 
that describe the information within the file. 
As with HTML documents, the tags define a 
tree of objects that is generated when an XML 
parser reads an XML document This in- 
memory tree can be modified at runtime. 

Figure 4 shows an XML docurnent contain- 
ing a list of objects, each representing an all- 



« 



This is.;inX(Vl.I-j- ; 
hased r<^t»iqlit3 
procet-iure-b^ll. ; : 
DopetKiing on which 
hultgn.the iiWr- :' ' ' 
clicks, the -f; ' 
rifvBtn^6nciick{ J ■ 
runctioawiit pass' ; , 
ei thcr "Ai necica n " ■] ] 
or "NaliOf iaP as a 
para mc lor ; • ■ 



m 
m 



M 



m 
m 



«7xna v«rsioa«*:l'.0,^9> . - ■ ' i K'" - • 
. <73iinl I fltyluhikgt typ«« "teact /a»l ■ ;bs«£«?^«iu£oza.x» 

<alXfttar> . 
<XX»X</J1» 

<Play«r>Xv«n Rodriguez </Play«r> 

<Po8ltlon>C< /FoBitioii> 

<Toaa>T«xaa</^Ttaa> /, 

<VDte»>30l2549</We«> 
^•asiq*>Tri^</Kie*>.; ; i 

<cX(eagaa>A</XiW4nM> - 
</alX»t«r>\ /f.f 

<allBtaz> 
<II»2</II» 

<Poaitioa>lS</pOSitlO«l>::: , ^ 




<Vot«s> 1193833 </Vot^>, 

<Laaoua>A<^Z«agtta> 
</allBtar> 



H Fnignientof anXML 
■ document that 
cotitaiMs a list of nil- 
stcUViU|ioi"-!eatiue ' 
hnspban piayers. 




•l»*nrltul«> 



ocsltt«nqplato> 

<TD><aE*lsv«lae^of /></TD> 
< /xal I t«avl&t«> 
<xslttanc>lat:« natCJb««/"> 

<TWB1»> 

<TBCU>y> 

ouiiifor-Mch Mlacta'allstarstartUTB/allstar" 

. ■<Tll> 

<xsl iapply-taMpl«tM/> 



</TBbiDnp> 
.4 </,T»EtB> 

^ >/»ilitinpl*t»> ■ 
</3CsI t styl«shMt> . 



, I his XSL ntvieshcei 
Iraosfonujithe . 
: XML data in figure 5; 
: intoaivHm':l.,tahlc. 



JULY 1999 PC: MAGAZINE 265 



Copyright ©2000. All Rights Reserved. 




Architects, 
buildirs, 

& DESISislERS 




star baseball player. When the document is 
read by the XML parser, the parser converts 
the document from the text-based format you 
see in Figure 5 to an in-memor>' object tree. In 
this way the process is identical to that used by 
HTML parsers to read an HTML document. 

IE5's XML parser lets an application re- 
quest additional data from a Web server with- 
out discarding the current Web page. Why is 
this so important? Today, additional data, em- 
bedded in a fresh HTML page that has been 
dynamically generated by scripting code on 
the server, is transmitted to the browser. Not 
only is a whole lot of redundant formatting in- 
formation retrieved but, even more impor- 
tant, any variables storing the state of the orig- 
inal page must be preserved and transferred 
to the new page. 

Since you can request additional data from 
a Web server without discarding the current 
page, you can call server-side functions from 
within an existing DHTML page.Take a look at 
the simple DHTML code in Figure 5. Let*s as- 
sume a user interested in baseball all-stars 
clicks on the American League button. The 
button's onclick event handler then fires and 
the XML data island's src attribute is modified. 
(An XML data island is an HTML element that 
contains the actual XML for use in the HTML 
document, or contains a reference to a URL 
that contains the XML.) IE5 then issues an 
HTTP GET request, which is sent to an Active 
Server Page on the Web server, retrieving an 
XML document for the American League's 
all-stars. At this point, the in-memory repre- 
sentation of its data can be manipulated by 
scripting code using the xml Data handle, which 
was assigned using the ID attribute of the 
XML data island. 

To display the data, you need to convert the 
XML into HTML, and IE5 supplies the means 
with the Extensible Stylesheet Language 
(XSL). XSL lets you write a concise set of rules 
in XML format that tells the XSL processor 
how to convert an XML source tree into an 
XML output tree. In most cases, the XML that 
is generated is actually HTML that is then ren- 
dered for display by the Web browser. 

Figure 6 shows a simple XSL file that trans- 
forms the XML document shown in Figure 4 
into an HTML document. Like all XSL files, 
this one contains a root template, the 
<xsl : tempi ate inatch=*7"> instruction. If 
you look at our template, you will see that 
we Ye laying out the skeleton of a document 



that contains an HTML <table> element. 

What makes the rest of the stylesheet work 
is a set of templates that together generate the 
HTML document. Within the root template, the 
individual <an star> elements in the source 
XML file are examined one at a time using the 
<xsl :for-each select="an starstarters/ 
anstar"> instruction. The <xsl :for-each> 
statement generates the HTML table row <TR> 
instruction, and contains an <xsl:apply- 
temp! at es/> statement. 

When the XSL processor encounters 
<xsl : apply- tempi ates/>,it begins looking for 
matches among the other templates defined 
in the stylesheet. A default template (one that 
lacks a match attribute) is defined at the top of 
the stylesheet. It generates the individual cells 
using the <TD> HTML tag and uses the 
<xsl rvalue -of /> instruction to copy the con- 
tents of the currently matched XML element 
to the output stream. In this case, the contents 
are copied into the <TD> element. 

As you can see, XSL lets you write extreme- 
ly compact rules for transforming XML input 
trees into XML output trees, and it lets you 
deal with regular documents, such as the all- 
star XML document presented here, as well as 
irregular documents that do not have such 
well-defined structures. Be sure to work 
through the excellent XML tutorial on Micro- 
soft's Web site {msdn.microsoft,com/xmJ) to 
familiarize yourself with the power of XSL 
stylesheets and the features of the XML pars- 
er in IE5. 

WRAPPING UP 

The major new features IE5 brings to ap- 
plication developers are XML integration and 
new DHTML capabilities. With the addition 
of XML data islands and support for XSL 
processing on the client, IE5 lets you write 
code that can call out from a Web page to re- 
quest additional data. DHTML behaviors let 
Web developers reap the benefits of compo- 
nent-based programming in their applica- 
tions. They can reuse components written by 
other developers within their own Web pages 
and define the behavior of elements across a 
family of related Web pages using Cascading 
Style Sheets. IE5 offers many other new 
developer-oriented features, such as client- 
side persistence, dynamic properties, and 
drag-and-drop support. For a detailed look, 
visit Microsoft's developer Web site, at 
msdn,microsoftcom. SI 



John Lam researches Web applications devel- 
opment issues and authored the Essential Web 
Applications course for DevelopMentor 
Cwww.develop.com/ You can write to him at 
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